<template>
    <view class="user-item">
        <img  class="avatar" :src="user.avatar" alt="" >
        <view class="info border-bottom-1px">
            <text class="name">{{user.name}}</text>
            <text class="code">{{user.code}}--{{user.mobile}}</text>
        </view>
    </view>
</template>

<script>
    export default {
        name: "index",
        props:{
            user:Object
        },
        data(){
            return {

            }
        }
    }
</script>

<style scoped lang="stylus">
    .user-item
        display flex
        align-items center
        height 60px
        background-color #FFFFFF
        .avatar
            width 40px
            height 40px
            border-radius 5px
            flex 0 40px
            margin 0 15px
        .info
            display flex
            flex-direction column
            flex 1
            justify-content center
            align-items flex-start
            border-bottom-color #DCDCDC
            height 100%
            .name
                font-size:13px;
                font-family:PingFang SC;
                font-weight:300;
                color:rgba(78,61,7,1);
                line-height 13px
            .code
                margin-top 6px
                font-size:11px;
                font-family:PingFang SC;
                font-weight:300;
                color:rgba(161,161,161,1);


</style>